<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>后台管理 —— 工地管理</title>
    <link rel="shortcut icon" href="../static/img/images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../static/css/style/style.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style/site.css">
    <link rel="stylesheet" type="text/css" href="../static/js/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../static/css/ztree/zTreeStyle.css">
</head>

<body>
    <div class="app">
        <div class="header">
            <div class="header-content">
                <div class="header-content-left">
                    <img src="../static/img/images/icon1.png" alt="">
                    <p id="week"></p>
                    <div class="header-line"></div>
                    <p id="curdate"></p>
                    <p id="curtime"></p>
                    <img src="../static/img/images/icon2.png" alt="">
                    <p id="community"></p>
                </div>
                <div class="header-content-right">
                    <img src="../static/img/images/icon3.png" alt="">
                    <p id="temp"></p>
                    <div class="header-line"></div>
                    <p id="weather"></p>
                    <img src="../static/img/images/icon4.png" alt="">
                    <p id="orgname" title="组织名称"></p>
                    <div id="reback">返回主页</div>
                    <p id="logout">注销</p>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="main-left">
                <div class="main-left-bar">
                    <div onclick="showMenu()">
                        <img src="../static/img/images/icon39.png">菜单
                    </div>
                </div>
                <div class="main-left-nav" style="display: none;">
                    <div id="site" class="main-left-nav-item">
                        <img src="../static/img/images/icon40.png">工地管理<div>︿</div>
                    </div>
                    <div id="user" class="main-left-nav-item">
                        <img src="../static/img/images/icon41.png">人员管理<div>︿</div>
                    </div>
                    <div id="selfinfo" class="main-left-nav-item">
                        <img src="../static/img/images/icon42.png">个人信息<div>︿</div>
                    </div>
					<div id="safetyAccount" class="main-left-nav-item">
					    <img src="../static/img/images/icon59.png">安全台账<div>︿</div>
					</div>
                </div>
                <div class="main-left-tree">
                    <ul id="treeDemo" class="ztree"></ul>
                </div>
            </div>
            <div class="main-right">
                <div class="main-right-search">
                    <input id="project-name" placeholder="请输入工地名称" type="text">
                    <button class="search-button"><img src="../static/img/images/icon15.png">查询</button>
                    <div class="search-button"><img src="../static/img/images/icon35.png">添加</div>
                </div>
                <div class="main-right-table">
                    <table id="main-right-table"></table>
                </div>
            </div>
            <div class="detail msg-from-to-mid">
                <div class="main-tit">
                    <img src="../static/img/images/icon33.png">
                    详情
                    <div onclick="$('.detail').hide()">
                        ✕ 关闭
                    </div>
                </div>
                <div class="detail-body" style="border: none;">
					<div class="layui-tab layui-tab-brief">
					  <ul class="layui-tab-title">
					    <li class="layui-this">工地概况</li>
					    <li>建设单位</li>
					    <li>监理单位</li>
					    <li>勘察设计单位</li>
					  </ul>
					  <div id="detail_content" class="layui-tab-content">
					    <!-- <div class="layui-tab-item layui-show">内容1</div>
					    <div class="layui-tab-item">内容2</div>
					    <div class="layui-tab-item">内容3</div>
					    <div class="layui-tab-item">内容4</div> -->
					  </div>
					</div>
                   <!-- <ul>
                    </ul> -->
                </div>
            </div>
            <div class="add-site msg-from-to-mid">
                <div class="main-tit">
                    <img src="../static/img/images/icon44.png">
                    新增
                    <div>
                        ✕ 关闭
                    </div>
                </div>
                <form class="layui-form" action="">
                    <div class="add-site-body">
						<!-- <div class="layui-tab layui-tab-card">
						  <ul class="layui-tab-title">
						    <li class="layui-this">工地概况</li>
						    <li>建设单位</li>
						    <li>监理单位</li>
						    <li>勘察设计单位</li>
						  </ul>
						  <div class="layui-tab-content" style="height: 100px;">
						    <div class="layui-tab-item layui-show">1</div>
						    <div class="layui-tab-item">2</div>
						    <div class="layui-tab-item">3</div>
						    <div class="layui-tab-item">4</div>
						    <div class="layui-tab-item">5</div>
						  </div>
						</div> -->
                        <!-- <ul>
                            <li class="add-site-body-item">
                                <div>工地简称：</div>
                                <input name="shortName" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-site-body-item">
                                <div>工地名称：</div>
                                <input name="name" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-site-body-item">
                                <div>工程地址：</div>
                                <input name="address" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-site-body-item">
                                <div>施工面积：</div>
                                <input name="area" type="text">
                            </li>
                            <li class="add-site-body-item">
                                <div>投资方：</div>
                                <input name="investorCompany" type="text">
                            </li>
                            <li class="add-site-body-item">
                                <div>建筑方：</div>
                                <input name="constructCompany" type="text">
                            </li>
                            <li class="add-site-body-item">
                                <div>施工方：</div>
                                <input name="contractCompany" type="text">
                            </li>
                            <li class="add-site-body-item">
                                <div>监理方：</div>
                                <input name="superviseCompany" type="text">
                            </li>
                            <li class="add-site-body-item">
                                <div>工地类型：</div>
                                <select name="type" id="site-type" lay-filter="selfilter1" required lay-verify="required">
                                    <option value=""></option>
                                    <option value="1">房屋建筑工程</option>
                                    <option value="2">市政工程</option>
                                    <option value="3">公路工程</option>
                                    <option value="4">铁路工程</option>
                                </select>
                            </li>
                            <li class="add-site-body-item">
                                <div>动火级别：</div>
                                <select name="fireOperateLevel" id="fire-operate-level" lay-filter="selfilter2" required lay-verify="required">
                                    <option value=""></option>
                                    <option value="1">一级动火</option>
                                    <option value="2">二级动火</option>
                                    <option value="3">三级动火</option>
                                </select>
                            </li>
                            <li class="add-site-body-item">
                                <div>总负责人：</div>
                                <input name="chargePerson" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-site-body-item">
                                <div>联系电话：</div>
                                <input name="cellphone" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-site-body-item">
                                <div>经纬度：</div>
                                <input id="map-input" name="" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-site-body-item">
                                <div>工地状态：</div>
                                <select name="status" id="site-status" lay-filter="selfilter3" required lay-verify="required">
                                    <option value=""></option>
                                    <option value="0">正在施工</option>
                                    <option value="1">已完工</option>
                                </select>
                            </li>
                            <li class="add-site-body-item">
                                <div>开工日期：</div>
                                <input name="startDate" type="text" id="start-date-input">
                            </li>
                            <li class="add-site-body-item">
                                <div>完工日期：</div>
                                <input name="finishDate" type="text" id="finish-date-input">
                            </li>
                            <li class="add-site-body-item" style="display: none;">
                                <div>经纬度：</div>
                                <input name="longitude" type="text" class="layui-input">
                            </li>
                            <li class="add-site-body-item" style="display: none;">
                                <div>经纬度：</div>
                                <input name="latitude" type="text" class="layui-input">
                            </li>
							<li class="add-site-body-item">
							    <div>平面图：</div>
							    <div class="upload-image">
							        <img id="upload-image" src="../static/img/images/icon44.png">
							        <img name="file" id="image-callback" src="" style="display: none;">
							    </div>
							    <input type="file" id="imagefil" accept="image/*" style="display: none;" class="file-input" onchange="changename(this)">
							</li>
                            <li class="add-site-body-item">
                                <div>现场照片：</div>
                                <div class="upload-image">
                                    <img id="upload-image" src="../static/img/images/icon44.png">
                                    <img name="file" id="image-callback" src="" style="display: none;">
                                </div>
                                <input type="file" id="imagefil" accept="image/*" style="display: none;" class="file-input" onchange="changename(this)">
                            </li>
                        </ul> -->
						<!-- <ul>
						    <li class="add-site-body-item">
						        <div>工地名称：</div>
						        <input name="name" type="text" required lay-verify="required" class="layui-input">
						    </li>
						    <li class="add-site-body-item">
						        <div>工程地址：</div>
						        <input name="address" type="text" required lay-verify="required" class="layui-input">
						    </li>
							<li class="add-site-body-item">
							    <div>工程造价：</div>
							    <input name="area" type="text">
							</li>
						    <li class="add-site-body-item">
						        <div>施工面积：</div>
						        <input name="area" type="text">
						    </li>
						  
						    <li class="add-site-body-item">
						        <div>监理方：</div>
						        <input name="superviseCompany" type="text">
						    </li>
						    <li class="add-site-body-item">
						        <div>结构类型/层次：</div>
						        <select name="type" id="site-type" lay-filter="selfilter1" required lay-verify="required">
						            <option value=""></option>
						            <option value="1">房屋建筑工程</option>
						            <option value="2">市政工程</option>
						            <option value="3">公路工程</option>
						            <option value="4">铁路工程</option>
						        </select>
						    </li>
						    <li class="add-site-body-item">
						        <div>开工日期：</div>
						        <input name="startDate" type="text" id="start-date-input">
						    </li>
						    <li class="add-site-body-item">
						        <div>竣工日期：</div>
						        <input name="finishDate" type="text" id="finish-date-input">
						    </li>
						</ul> -->
						<!-- <ul>
						    <li class="add-site-body-item">
						        <div>单位名称：</div>
						        <input name="shortName" type="text" required lay-verify="required" class="layui-input">
						    </li>
						    <li class="add-site-body-item">
						        <div>现场负责人：</div>
						        <input name="name" type="text" required lay-verify="required" class="layui-input">
						    </li>
						    <li class="add-site-body-item">
						        <div>联系电话：</div>
						        <input name="address" type="text" required lay-verify="required" class="layui-input">
						    </li>
						</ul> -->
						<!-- <ul>
						   <li class="add-site-body-item">
						       <div>单位名称：</div>
						       <input name="shortName" type="text" required lay-verify="required" class="layui-input">
						   </li>
						   <li class="add-site-body-item">
						       <div>现场负责人：</div>
						       <input name="name" type="text" required lay-verify="required" class="layui-input">
						   </li>
						   <li class="add-site-body-item">
						       <div>联系电话：</div>
						       <input name="address" type="text" required lay-verify="required" class="layui-input">
						   </li>
						</ul> -->
						<!-- <ul>
						    <li class="add-site-body-item">
						        <div>单位名称：</div>
						        <input name="shortName" type="text" required lay-verify="required" class="layui-input">
						    </li>
						    <li class="add-site-body-item">
						        <div>项目技术负责人：</div>
						        <input name="superviseCompany" type="text">
						    </li>
						    <li class="add-site-body-item">
						        <div>经纬度：</div>
						        <input id="map-input" name="" type="text" required lay-verify="required" class="layui-input">
						    </li>
						    <li class="add-site-body-item">
						        <div>工地状态：</div>
						        <select name="status" id="site-status" lay-filter="selfilter3" required lay-verify="required">
						            <option value=""></option>
						            <option value="0">正在施工</option>
						            <option value="1">已完工</option>
						        </select>
						    </li>
						</ul> -->
						<table width="100%" border="0" cellspacing="1" cellpadding="4"  class="tabtop13" align="center">
						  <tr>
							<td rowspan="4" class="btbg font-center titfont">工地概述</td>
							<td colspan="1" class="btbg font-center titfont">工地简称</td>
							<td colspan="1" class="btbg font-center titfont">工地名称</td>
						    <td colspan="1" class="btbg font-center titfont">工程地址</td>
						    <td colspan="1" class="btbg font-center titfont">工程造价</td>
						    <td colspan="1" class="btbg font-center titfont">建筑面积</td>
							<td colspan="1" class="btbg font-center titfont">投资方</td>
							<td colspan="1" class="btbg font-center titfont">总负责人</td>
							<td colspan="1" class="btbg font-center titfont">联系电话</td>
						  </tr>
						  <tr>
							<td colspan="1" class="font-center"><input name="shortName" type="text" required lay-verify="required" class="layui-input"></td>
						    <td colspan="1" class="font-center"><input name="name" type="text" required lay-verify="required" class="layui-input"></td>
						    <td colspan="1" class="font-center"><input name="address" type="text" required lay-verify="required" class="layui-input"></td>
						    <td colspan="1" class="font-center"><input name='constructionCost' type="text" /></td>
							<td colspan="1" class="font-center"><input name="area" type="text"></td>
							<td colspan="1" class="font-center"><input name="investorCompany" type="text"></td>
							<td colspan="1" class="font-center"><input name="chargePerson" type="text" required lay-verify="required" class="layui-input"></td>
							<td colspan="1" class="font-center"><input name="cellphone" type="text" required lay-verify="required" class="layui-input"></td>
						  </tr>
						  <tr>
							<td colspan="1" class="btbg font-center titfont">工地类型</td>
							<td colspan="1" class="btbg font-center titfont">动火级别</td>
							<td colspan="1" class="btbg font-center titfont">经纬度</td>
							<td colspan="1" class="btbg font-center titfont">工地状态</td>
						    <td colspan="1" class="btbg font-center titfont">结构类型/层次</td>
						    <td colspan="1" class="btbg font-center titfont">开工日期</td>
						    <td colspan="2" class="btbg font-center titfont">竣工日期</td>
						  </tr>
						  <tr>
							<td colspan="1" class="font-center">
								<select name="type" id="site-type" lay-filter="selfilter1" required lay-verify="required">
								    <option value=""></option>
								    <option value="1">房屋建筑工程</option>
								    <option value="2">市政工程</option>
								    <option value="3">公路工程</option>
								    <option value="4">铁路工程</option>
								</select>
							</td>
							<td colspan="1" class="font-center">
								<select name="fireOperateLevel" id="fire-operate-level" lay-filter="selfilter2" required lay-verify="required">
								    <option value=""></option>
								    <option value="1">一级动火</option>
								    <option value="2">二级动火</option>
								    <option value="3">三级动火</option>
								</select>
							</td>
							<td colspan="1" class="font-center">
								<input id="map-input" name="" type="text" required lay-verify="required" class="layui-input">
								<input name="longitude" type="text" class="layui-input" style="display: none;">
								<input name="latitude" type="text" class="layui-input" style="display: none;">
							</td>
							<td colspan="1" class="font-center">
								<select name="status" id="site-status" lay-filter="selfilter3" required lay-verify="required">
								    <option value=""></option>
								    <option value="0">正在施工</option>
								    <option value="1">已完工</option>
								</select>
							</td>
						    <td colspan="1" class="font-center">
								<!-- <select name="status" id="site-status" lay-filter="selfilter3" required lay-verify="required">
									<option value=""></option>
									<option value="0">正在施工</option>
									<option value="1">已完工</option>
								</select> -->
							</td>
						    <td colspan="1" class="font-center"><input name="startDate" type="text" id="start-date-input"></td>
						    <td colspan="2" class="font-center"><input name="finishDate" type="text" id="finish-date-input"></td>
						  </tr>
						  <tr>
						    <td rowspan="2" class="btbg font-center titfont">建设单位</td>
						    <td colspan="1" class="btbg font-center titfont">单位名称</td>
						    <td colspan="1" class="btbg font-center titfont">现场负责人</td>
						    <td colspan="1" class="btbg font-center titfont">联系电话</td>
							
							<td rowspan="2" class="btbg font-center titfont">监理单位</td>
							<td colspan="1" class="btbg font-center titfont">单位名称</td>
							<td colspan="1" class="btbg font-center titfont">现场负责人</td>
							<td colspan="2" class="btbg font-center titfont">联系电话</td>
						  </tr>
						  <tr>
						    <td class="font-center" colspan="1"><input name="constructCompany" type="text"></td>
						    <td class="font-center" colspan="1"><input name="constructCompanyManager" type="text"></td>
						    <td class="font-center" colspan="1"><input name="constructCompanyManagerPhone" type="text"></td>
							
							<td class="font-center" colspan="1"><input name="superviseCompany" type="text"></td>
							<td class="font-center" colspan="1"><input name="superviseCompanyDirector" type="text"></td>
							<td class="font-center" colspan="2"><input name="superviseCompanyDirectorPhone" type="text"></td>
						  </tr>
						  <tr>
						    <td rowspan="8" class="btbg font-center titfont">勘察设计单位</td>
						    <td colspan="2" class="btbg font-center titfont">单位名称</td>
						    <td colspan="2" class="btbg font-center titfont">项目技术负责人</td>
						    <td colspan="2" class="btbg font-center titfont">施工单位</td>
							<td colspan="2" class="btbg font-center titfont">资质等级</td>
						  </tr>
						  <tr>
						    <td class="font-center" colspan="2"><input name="designCompany" type="text"></td>
						    <td class="font-center" colspan="2"><input name="designCompanyTechnical" type="text"></td>
						    <td class="font-center" colspan="2"><input name="contractCompany" type="text"></td>
							<td class="font-center" colspan="2"><input name="designCompanyLevel" type="text"></td>
						  </tr>
						  <tr>
						    <td colspan="2" class="btbg font-center titfont">项目经理</td>
						    <td colspan="2" class="btbg font-center titfont">联系电话</td>
							<td colspan="2" class="btbg font-center titfont">安全考核合格证号</td>
							<td colspan="1" class="btbg font-center titfont">平面图</td>
							<td colspan="1" class="btbg font-center titfont">现场图片</td>
						  </tr>
						  <tr>
						    <td class="font-center" colspan="2"><input name="designCompanyPm" type="text"></td>
							<td class="font-center" colspan="2"><input name="designCompanyPmPhone" type="text"></td>
						    <td class="font-center" colspan="2"><input name="designCompanyPmQualification" type="text"></td>
							<td style="cursor: pointer;" rowspan="5" colspan="1" class="font-center titfont">
								<div class="upload-image-plan">
								    <img id="upload-image-plan" src="../static/img/images/icon44.png">
								    <img name="file" id="image-callback-plan" src="" style="display: none;">
								</div>
								<input type="file" id="imagefil-plan" accept="image/*" style="display: none;" class="file-input-plan" onchange="changenameplan(this)">
							</td>
							<td style="cursor: pointer;" rowspan="5" colspan="1" class="font-center titfont">
								<div class="upload-image">
								    <img id="upload-image" src="../static/img/images/icon44.png">
								    <img name="file" id="image-callback" src="" style="display: none;">
								</div>
								<input type="file" id="imagefil" accept="image/*" style="display: none;" class="file-input" onchange="changename(this)">
							</td>
						  </tr>
						  <tr>
						    <td colspan="2" class="btbg font-center titfont">安全员</td>
						    <td colspan="2" class="btbg font-center titfont">联系电话</td>
						  	<td colspan="2" class="btbg font-center titfont">安全考核合格证号</td>
						  </tr>
						  <tr>
						    <td class="font-center" colspan="2"><input name="designCompanySafety" type="text"></td>
						  	<td class="font-center" colspan="2"><input name="designCompanySafetyPhone" type="text"></td>
						    <td class="font-center" colspan="2"><input name="designCompanySafetyQualification" type="text"></td>
						  </tr>
						  <tr>
						    <td colspan="2" class="btbg font-center titfont">工程安全管理目标</td>
						    <td colspan="2" class="btbg font-center titfont">文明施工创建目标</td>
						    <td colspan="1" class="btbg font-center titfont">安全监督备案号</td>
						  	<td colspan="1" class="btbg font-center titfont">监督备案日期</td>
						  </tr>
						  <tr>
						    <td class="font-center" colspan="2"><input name="constructionSafetyObjectives" type="text"></td>
						    <td class="font-center" colspan="2"><input name="constructionCivilizationGoal" type="text"></td>
						  	<td class="font-center" colspan="1"><input name="safetySupervisionNo" type="text"></td>
						    <td class="font-center" colspan="1"><input name="safetySupervisionDate" type="text" id="safetySupervisionDate-date-input"></td>
						  </tr>
						</table>
                        <div class="add-site-submit">
                            <button type="reset" id="reset" class="layui-btn layui-btn-primary">重置</button>
                            <button id="formDemoSubmit" class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
                        </div>
                    </div>
                    <div class="map-box" style="display: none;">
                        <div id="map"></div>
                        <div id="pickerBox">
                            <input id="pickerInput" placeholder="输入关键字选取地点" />
                            <div id="poiInfo"></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../static/js/common/jquery.min.js"></script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=6125416e635535d089ac5150ae8ebe04&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.Driving"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script type="text/javascript" src="../static/js/biz/app.js"></script>
    <script type="text/javascript" src="../static/js/layui/layui.all.js"></script>
    <script type="text/javascript" src="../static/js/common/curtime.js"></script>
    <script type="text/javascript" src="../static/js/biz/site.js"></script>
    <script type="text/javascript" src="../static/js/ztree/jquery.ztree.all.min.js"></script>
</body>

</html>